<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>手机tab切换</title>
  <link rel="stylesheet" href="//at.alicdn.com/t/c/font_2815657_l9kotyhw3w.css">
  <link rel="stylesheet" href="../base.css">
  <link rel="stylesheet" href="./38.css">
</head>
<body>
  <div id="app">
    <div class="mobile">
      <div class="content">
        <img class="show" src="https://images.unsplash.com/photo-1480074568708-e7b720bb3f09?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1053&q=80" alt="">
        <img src="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80" alt="">
        <img src="https://images.unsplash.com/photo-1471107340929-a87cd0f5b5f3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1266&q=80" alt="">
        <img src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1351&q=80" alt="">
      </div>
      <div class="tabbar">
        <div class="tabbar-item active">
          <i class="tabbar-icon custom-icon custom-icon-shouye"></i>
          <span class="tabbar-text">首页</span>
        </div>
        <div class="tabbar-item">
          <i class="tabbar-icon custom-icon custom-icon-fenlei"></i>
          <span class="tabbar-text">分类</span>
        </div>
        <div class="tabbar-item">
          <i class="tabbar-icon custom-icon custom-icon-icon4"></i>
          <span class="tabbar-text">购物车</span>
        </div>
        <div class="tabbar-item">
          <i class="tabbar-icon custom-icon custom-icon-wode"></i>
          <span class="tabbar-text">我的</span>
        </div>
      </div>
    </div>
  </div>
  <script src="./38.js"></script>
</body>
</html>